﻿<div id="DisplayStateController">
    <ul style="float: left">
        <li style="float: left">
            <input type="checkbox" id="ShowCurrent" value="@Products.Databases.DisplayState.Current" checked="checked" />
            <label for="ShowCurrent">
                Current Defined</label></li>
        <li style="float: left">
            <input type="checkbox" id="PastDefined" value="@Products.Databases.DisplayState.PastDefined" checked="checked" />
            <label for="ShowCurrent">
                Past Defined</label></li>
        <li style="float: left">
            <input type="checkbox" id="DelCb" value="@Products.Databases.DisplayState.Delete" />
            <label for="Delete">
                Delete</label></li>
        <li style="float: left">
            <input type="checkbox" id="FetureDefined" value="@Products.Databases.DisplayState.FetureDefined" />
            <label for="FetureDefined">
                Feture Defined</label></li>     
    </ul>
    <div style="clear: both">
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#DelCb,#FetureDefined,#PastDefined,#ShowCurrent").change(function () {
            $("." + $(this).val()).toggle();
        })
        $(".Delete,.FetureDefined").each(function () { $(this).toggle(this.checked); });      
    });
</script>
